* {
  margin: 0;
  padding: 0;
  list-style: none;
}

html,
body,
#root {
  width: 100%;
  height: 100%;
}

.home {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  header {
    width: 100%;
    height: 50px;
    font-size: 18px;
    
    .rv-tabbar{
      background-color: orange;
    }
  }


  main {
    width: 100%;
    flex: 1;

    .shop {
      width: 100%;
      height: 100%;

      .label {
        border: 1px solid;
        width: 100%;
        margin: 10px 0;

        p {
          width: 100%;
          height: 50px;
          border: 1px solid;
        }
      }
    }

    .classify {
      width: 100%;
      height: 100%;

      .imgs {
        width: 100%;
        height: 100px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
      }
    }

    .my {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;

      p {
        width: 90%;
        line-height: 30px;
      }

      .rv-tabbar-item__text {
        font-size: 18px;
      }

      .context {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;

        .rv-button {
          margin: 5px !important;
        }
      }
    }
  }


}
.demo-button{
  display: flex;
  justify-content: space-evenly;
}